<!--<header class="navbar navbar-fixed-top navbar-inverse">-->

<!--  <nav>-->
<!--    <ul class="nav navbar-nav navbar-right">-->
<!--      <li><%#= link_to "首页", '#' %></li>-->
<!--      <li><%#= link_to "帮助", '#' %></li>-->
<!--      <li><%#= link_to "登录", '#' %></li>-->
<!--    </ul>-->
<!--  </nav>-->
<!--</header>-->
<nav class="uk-navbar" style="padding-left: 100px;padding-right: 100px">

  <a class="uk-navbar-brand" href="#">Twitter</a>

  <div class="uk-navbar-content">
    <%=link_to frontend_root_path ,style:'text-decoration: none;' do%>
      <i class="uk-icon-home" style=""></i> 首页
    <% end %>
  </div>
  <div class="uk-navbar-content">
    <a href="#" style="text-decoration: none">搜索好友</a>
  </div>
  <ul class="uk-navbar-nav">
    <li class="uk-parent " data-uk-dropdown="" aria-haspopup="true" aria-expanded="false">
      <a href="" >创建</a>
      <div class="uk-dropdown uk-dropdown-navbar uk-dropdown-bottom" style="top: 40px; left: 0px;">
        <ul class="uk-nav uk-nav-navbar">
          <li><a href="#">主页</a></li>
          <li><a href="#">小组</a></li>
        </ul>
      </div>

    </li>
  </ul>


  <div class="uk-navbar-content uk-navbar-flip  uk-hidden-small uk-float-right">
    <div class="uk-button-group">

      <%= link_to frontend_user_path(current_user), class: "uk-button" do %>
        <span>
          <%= image_tag 'avatar.jpg', class: 'uk-comment-avatar', style: 'width:30px; border-radius:50%;margin-right:3px' %>
          <span class="_1vp5"><%= current_user.name %></span>
        </span>
      <% end %>

      <div class="uk-button-dropdown" data-uk-dropdown="{mode:'click'}" aria-haspopup="true" aria-expanded="false">
        <button class="uk-button"><i class="uk-icon-bell"></i></button>
        <div class="uk-dropdown uk-dropdown-top" style="top: -218px; left: 0px;">
          <ul class="uk-nav uk-nav-dropdown">
            <li><a href="#">Item</a></li>
            <li><a href="#">Another item</a></li>
            <li class="uk-nav-header">Header</li>
            <li><a href="#">Item</a></li>
            <li><a href="#">Another item</a></li>
            <li class="uk-nav-divider"></li>
            <li><a href="#">Separated item</a></li>
          </ul>
        </div>
      </div>

      <div class="uk-button-dropdown" data-uk-dropdown="" aria-haspopup="true" aria-expanded="false">
        <button class="uk-button"><i class="uk-icon-caret-down"></i></button>
        <div class="uk-dropdown uk-dropdown-top" style="top: -218px; left: 0px;">
          <ul class="uk-nav uk-nav-dropdown">
            <li>
              <%= link_to frontend_logout_path, method: :delete do %>
                退出登录
              <% end %>
              <a href="#"></a>
            </li>
            <li><a href="#">Item</a></li>
            <li class="uk-nav-header">Header</li>
            <li><a href="#">Item</a></li>
            <li><a href="#">Another item</a></li>
            <li class="uk-nav-divider"></li>
            <li><a href="#">Separated item</a></li>
          </ul>
        </div>
      </div>

    </div>
  </div>

  <div class="uk-navbar-content uk-hidden-small uk-float-right">
    <form class="uk-form uk-margin-remove uk-display-inline-block">
      <input type="text" placeholder="Search">
      <button class="uk-button uk-button-primary">Submit</button>
    </form>
  </div>


</nav>
